<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>西城聚焦 - 西南科技大学城市学院</title>
    <link rel="icon" href="images/common/favicon.png" type="image/x-icon">
    <link rel="stylesheet" href="styles/reset.css">
    <link rel="stylesheet" href="styles/common_out.css">
    <link rel="stylesheet" href="styles/cc_focus.css">
</head>
<body>
<!-- 顶部横条 -->
<div class="topBar"></div>
<!-- 页头 -->
<header>
    <div class="container">
        <a href="index.html" class="left">
            <img src="images/common/favicon.png" alt="">
            <img src="images/common/logos.png" alt="">
        </a>
        <!-- 导航栏 -->
        <nav class="right">
            <a href="index.html">西城主页</a>
            <a href="cc_profile.html">学校概况</a>
            <a href="cc_research.html">教学科研</a>
            <a href="cc_department.html">院系设置</a>
            <a href="http://zs.ccswust.edu.cn/">招生就业</a>
        </nav>
    </div>
</header>
<!-- banner横幅 -->
<div class="banner">
    <img src="images/common/banner_01.png" alt="">
    <div class="container" style="height: 210px;">
        <p>西城聚焦</p>
    </div>
</div>

<!-- 内容 -->
<main class="focus cf">
    <div class="container">
        <!-- 内容列表模块 -->
        <div class="focus_list">
            <div class="focus_title" id="bt_01">
                <h1>西城新闻</h1>
                <p><span>ლ</span>为您即时整理提供西南科技大学城市学院新闻快讯、热点事件、人物动态、发展规划以及各项活动与比赛情况，记录西城的点点滴滴。</p>
                <a href="focus_new.html" id="link_01">了解更多 ➜</a>
            </div>
            <div class="focus_pic">
                <img src="images/focus/list_01.jpg" alt="西城新闻">
            </div>
        </div>
        <div class="focus_list">
            <div class="focus_title dev_one" id="bt_02">
                <h1>通知公告</h1>
                <p><span>ლ</span>这里有西南科技大学城市学院招生就业信息、考试安排通告、工程招标通告、学费收费价格公示、教学调整安排、岗位招聘信息等等</p>
                <a href="focus_notice.html" id="link_02">了解更多 ➜</a>
            </div>
            <div class="focus_pic dev_two">
                <img src="images/focus/list_02.jpg" alt="通知公告">
            </div>
        </div>
        <div class="focus_list">
            <div class="focus_title" id="bt_03">
                <h1>合作办学</h1>
                <p><span>ლ</span>提供西南科技大学城市学院校企合作项目以及相关企业信息，我校与国内外大学合作办学、交流学习相关资讯，以及科研实验中心建设发展讯息...</p>
                <a href="focus_cooper.html" id="link_03">了解更多 ➜</a>
            </div>
            <div class="focus_pic">
                <img src="images/focus/list_03.jpg" alt="合作办学">
            </div>
        </div>
    </div>
</main>

<!-- 页脚 -->
<footer>
    <div class="footCopy left">
        <div class="container">
            <p>版权所有 © 西南科技大学城市学院</p>
            &emsp; | &emsp;
            <p>地址：绵阳市游仙区三星路11号</p>
            &emsp; | &emsp;
            <p>邮编：100871</p>&emsp; | &emsp;
            <p>蜀ICP备10208837</p>
            &emsp; | &emsp;
            <p>蜀公网安备 110402430047 号</p>
        </div>
    </div>
</footer>
<script src="scripts/lamp.js"></script>
<script>
    // 吸顶灯效果
    window.onscroll = () => {
        // 获取滚动条高度
        let barTop = document.documentElement.scrollTop || document.body.scrollTop;
        // 获取页头部分
        let headNav = document.querySelector("header");
        if(barTop >= 5){
            headNav.className = "bar";
        }else{
            headNav.className = "";
        }
    };
</script>
</body>
</html>